<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link type="text/css" rel="stylesheet" href="css/s_result.css"/>
<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<title>智慧城市 - 搜索</title>
</head>

<body>
	<header style="background:#006291;height:70px;width:100%;">
    	<img style="height:70px;margin-left:30px;" src="images/title.png" alt="智慧城市">
        <ul style="height:70px;list-style:none;position:absolute;top:0;right:30px;font-family:'幼圆';">
        	<li style="height:70px;width:120px;line-height:70px;font-size:20px;float:left;text-align:center;">
            	<a style="color:white;text-decoration:none;" href="tickets.html">车票/机票</a>
            </li>
        	<li style="height:70px;width:120px;line-height:70px;font-size:20px;float:left;text-align:center;">
            	<a style="color:white;text-decoration:none;" href="search.html">出行</a>
            </li>
        	<li style="height:70px;width:120px;line-height:70px;font-size:20px;float:left;text-align:center;">
            	<a style="color:white;text-decoration:none;" href="index.jsp">返回首页</a>
            </li>
        </ul>
    </header>
    <div class="content">
    	
        <div class="result_title">
            <p>搜索&nbsp;<span class="place">${sessionScope.searchInfo.scontext}</span>&nbsp;&nbsp;&nbsp;<span class="d_r">共${sessionScope.searchInfo.result}个结果</span></p>
            <p class="sd_search">
            	<input type="text" maxlength="10" placeholder="搜索景点" id="search_info"/><input id="search_btn" type="button" value="搜索" onClick="searchInfo()"/>
            </p>
        </div>
        <div class="result_info">
        	<ul>
        	<c:forEach items="${sessionScope.searchResult}" var="item">
        		<li>
                    <img class="info_img" src="${item.lpic}" alt="${item.lname}">
                   <div class="info_intro">
                    	<p style="font-size:20px;font-weight:bold;">${item.lname}</p>
                        <p style="font-size:12px;margin-top:10px;height:50px;">${item.ltext}</p>
                        <p style="margin-top:10px;position:relative;">
                        	<input class="detail_btn" type="button" value="查看详情" onClick="lookDetail(${item.lid})">
                        </p>
                    </div>
                </li>
        	</c:forEach>
            </ul>
        </div>
    </div>
    <footer style="width:100%;height:70px;background:#E6E6E6;clear:both;position:absolute;bottom:0px;">
    	<p style="line-height:70px;font-size:16px;text-align:center;">CopyRight &copy; 智慧城市 - 衡阳 All rights reserved.</p>
    </footer>
</body>
</html>
